@import '~styles/config.scss';

.ShareQrcodeBox {
    margin: -10px;

    .url {
        padding      : 5px 10px;
        font-size    : 13px;
        margin       : 10px;
        border-radius: 6px;
        border       : 1px dashed $--border-color-lighter;
        display: flex;
        align-items: center;
        .t{
            flex:auto;
        }
    }

    .mm {
        display: flex;

        .li {
            margin: 0px 10px;

            .code {
                color          : $--color-text-secondary;
                font-size      : 12px;
                width          : 170px;
                height         : 170px;
                display        : flex;
                align-items    : center;
                justify-content: center;
                border-radius  : 6px;
                border         : 1px dashed $--border-color-lighter;
            }

            .img {
                width : 150px;
                height: 150px;
            }

            .name {
                padding   : 16px 0px 10px 0px;
                text-align: center;
                font-size: 14px;
                line-height:20px;
                i {
                    font-size   : 16px;
                    margin-right: 10px;
                }
            }
        }
    }

}